<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>psd2html</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <div class="public-header">
        <div class="public-container clearfloat">
            <div class="header-logo"><a href=""></a> </div>
            <ul class="header-nav clearfloat">
                <li class="item"><a href="">Our Story</a> </li>
                <li class="item"><a href="">Menu</a> </li>
                <li class="item"><a href="">Reservations</a> </li>
                <li class="item"><a href="">News</a> </li>
                <li class="item"><a href="">Reviews</a> </li>
            </ul>
        </div>
    </div>
    <div class="index-banner">
        <div class="index-banner-bg"><img src="images/index-banner-bg1.jpg" alt="banner"/> </div>
        <div class="index-banner-text">
            <div class="text-logo"></div>
            <p class="text-info">
                <i class="line line-l"></i>
                <span class="text">resto restaurant home page website template</span>
                <i class="line line-r"></i>
            </p>
        </div>
    </div>
    <div class="index-menu">
        <div class="menu-tips">The Menu</div>
        <div class="public-container menu-list">
            <ul class="clearfloat">
                <li class="menu-item clearfloat">
                    <a class="title">
                        <h4>Voluptate cillum fugiat.</h4>
                        <p class="comment">Cheese, tomato, mushrooms, onions.</p>
                    </a>
                    <div class="line"></div>
                    <div class="price">$50</div>
                </li>
                <li class="menu-item clearfloat">
                    <a class="title">
                        <h4>Metus varius laoreet.</h4>
                        <p class="comment">Chicken, mozzarella cheese, onions.</p>
                    </a>
                    <div class="line"></div>
                    <div class="price">$62</div>
                </li>
                <li class="menu-item clearfloat">
                    <a class="title">
                        <h4>Donec sodales magna.</h4>
                        <p class="comment">Donec sodales magna.</p>
                    </a>
                    <div class="line"></div>
                    <div class="price">$25</div>
                </li>
                <li class="menu-item clearfloat">
                    <a class="title">
                        <h4>Saugue velit cursus.</h4>
                        <p class="comment">Saugue velit cursus.</p>
                    </a>
                    <div class="line"></div>
                    <div class="price">$50</div>
                </li>
                <li class="menu-item clearfloat">
                    <a class="title">
                        <h4>Arcu pede enim justo.</h4>
                        <p class="comment">Tuna, Sweetcorn, Cheese</p>
                    </a>
                    <div class="line"></div>
                    <div class="price">$45</div>
                </li>
                <li class="menu-item clearfloat">
                    <a class="title">
                        <h4>Cras dapibussemper nisi.</h4>
                        <p class="comment">Pineapple, Minced Beef, Cheese.</p>
                    </a>
                    <div class="line"></div>
                    <div class="price">$50</div>
                </li>
                <li class="menu-item clearfloat">
                    <a class="title">
                        <h4>Quam semper libero.</h4>
                        <p class="comment">Cheese, tomato, mushrooms, onions.</p>
                    </a>
                    <div class="line"></div>
                    <div class="price">$15</div>
                </li>
                <li class="menu-item clearfloat">
                    <a class="title">
                        <h4>Nam eget dui Etiam.</h4>
                        <p class="comment">Chicken, mozzarella cheese, onions.</p>
                    </a>
                    <div class="line"></div>
                    <div class="price">$35</div>
                </li>
            </ul>
        </div>
        <a href="" class="menu-more-btn">Load more<span>|</span><span class="icon"></span> </a>
    </div>
    <div class="public-container index-panel">
        <div class="index-panel-header clearfloat">
            <h3>Featured Dishes</h3>
            <div class="line"></div>
            <div class="btn-group">
                <a href="" class="btn active"></a>
                <a href="" class="btn"></a>
                <a href="" class="btn"></a>
                <a href="" class="btn"></a>
            </div>
            <div class="index-panel-body"></div>
        </div>
        <div class="index-panel-body index-food-list">
            <ul class="clearfloat">
                <li class="food-item">
                    <a href="">
                        <img class="banner" src="images/demo11.jpg"/>
                        <div class="name"><span class="price">$30</span>Fugiat nulla sint</div>
                        <div class="star-bar">
                            <span class="star"></span>
                            <span class="star"></span>
                            <span class="star"></span>
                            <span class="star"></span>
                            <span class="star nostar"></span>
                        </div>
                    </a>
                </li>
                <li class="food-item">
                    <a href="">
                        <img class="banner" src="images/demo12.jpg"/>
                        <div class="name">Daute irure dolor<span class="price">$24</span></div>
                        <div class="star-bar">
                            <span class="star"></span>
                            <span class="star"></span>
                            <span class="star"></span>
                            <span class="star"></span>
                            <span class="star nostar"></span>
                        </div>
                    </a>
                </li>
                <li class="food-item">
                    <a href="">
                        <img class="banner" src="images/demo13.jpg"/>
                        <div class="name">Officia deserunt mollit<span class="price">$60</span></div>
                        <div class="star-bar">
                            <span class="star"></span>
                            <span class="star"></span>
                            <span class="star"></span>
                            <span class="star"></span>
                            <span class="star nostar"></span>
                        </div>
                    </a>
                </li>
                <li class="food-item">
                    <a href="">
                        <img class="banner" src="images/demo14.jpg"/>
                        <div class="name">Pim minim veniam<span class="price">$17</span></div>
                        <div class="star-bar">
                            <span class="star"></span>
                            <span class="star"></span>
                            <span class="star"></span>
                            <span class="star"></span>
                            <span class="star nostar"></span>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <div class="public-container index-panel">
        <div class="index-panel-header clearfloat">
            <h3>The Gallery</h3>
            <div class="line"></div>
        </div>
        <div class="index-panel-body index-pics">
            <a class="pic-col pic-col-m"><img src="images/pic-col-left.jpg" alt="" /> </a>
            <div class="pic-col pic-col-s">
                <a class="pic-row"><img src="images/pic-col-mid1.jpg" alt="" /> </a>
                <a class="pic-row"><img src="images/pic-col-mid2.jpg" alt="" /> </a>
            </div>
            <a class="pic-col pic-col-l"><img src="images/pic-col-right.jpg" alt="" /> </a>
        </div>
    </div>
    <div class="public-footer">
        <div class="public-container">
            <div class="footer-col">
                <p>New York Restaurant<br/>
                    3926 Anmoore Road<br>
                    New York,Ny 10014<br>
                    <a class="footer-tel" href="tel:718-749-1714">718-749-1714</a>
                </p>
            </div>
            <div class="footer-col">
                <p>France Restaurant<br>
                    68,rue de la Couronne<br>
                    75002 PARIS<br>
                    02.94.23.69.56
                </p>
            </div>
            <div class="footer-col">
                <a href="">Blog</a>
                <a href="">Careers</a>
                <a href="">Privacy Policy</a>
                <a >Contact</a>
            </div>
            <div class="footer-col footer-col-nor">
                <div class="footer-logo"></div>
                <div class="footer-info">
                    @All Rights Reserved 2014,<br/>
                    Find More at Pixelhint.com
                </div>
            </div>
        </div>
    </div>
</body>
</html>